{{!
  Copyright (c) HashiCorp, Inc.
  SPDX-License-Identifier: BUSL-1.1
~}}

<div
  class="has-text-grey has-font-weight-normal overflow-ellipsis {{if this.isOpen '' 'is-closed'}} "
  ...attributes
  {{did-insert this.calculateOverflow}}
  data-test-read-more
>
  <span class="description-block" data-test-readmore-content>
    {{yield}}
  </span>
  {{#if this.hasOverflow}}
    <div class="linked-block-seemore" data-test-readmore-toggle>
      <Hds::Button @text={{if this.isOpen "See Less" "See More"}} class="link" {{on "click" this.toggleOpen}} />
    </div>
  {{/if}}
</div>